<template>
  <el-dialog
    title="预览文章"
    :visible="dialogShow"
    @close="$emit('close')"
    ref="dgRef"
  >
      <div class="container">
        <div v-html="data">
        </div>
      </div>
  </el-dialog>
</template>

<script>
export default {
  name: '',
  props: {
    dialogShow: {
      required: true,
      type: Boolean
    },
    data: {
      type: String,
      default: ''
    }
  },
  data () {
    return {

    }
  },
  components: {

  },
  created () {

  },
  mounted () {
  },
  methods: {

  }
}
</script>
<style lang="scss" scoped>
  .container {
    ::v-deep img {
      width: 96%;
    }
  }
</style>
